<template>
  <div>
    <h3>Part1</h3>
    <Part2>
      <template v-slot:main="{list}">
        <ul>
          <li v-for="(item) in list":key="item.id">
            {{ item.id }}--{{ item.name }}--{{ item.hobby }}
          </li>
        </ul>
      </template>
      <template #default="{title}">
        <h4>{{ title }}</h4>
      </template>
    </Part2>
  </div>
</template>

<script setup lang='ts' name="Part1">
import { ref, reactive } from 'vue'
import Part2 from './Part2.vue';

</script>


<style lang='scss' scoped>

</style>